/*-------------------------------
	Tabs
-------------------------------*/

.tabs{
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-bottom: 1px solid #ddd;
  display:flex;
  margin-bottom:17px;
}

.tabs li{
  background: none;
  color: #777;
  display: block;
  padding: 17px 22px 10px 0;
  margin-right:15px;
  line-height: 17px;
  cursor: pointer;
  transform:translateY(1px);

  &:first-of-type {
    padding-left:0;
  }
}

.tabs__tab--active {
  @each $key, $value in $applications {
    @at-root body.#{$key} #{&} {
      color: $value;
      border-bottom: 1px solid $value;
    }
  }
}